<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script type="text/javascript">
    // 函数也是对象

    var a = 123
    function fn(){
      console.log('我是this.a：',this.a)
    }

    fn() // 123

    // fn.prototype
    // bind 方法： ES5中新增的方法（IE9以上）
    // 用于新建一个方法，bind中的第一个参数可以改变函数中的this指向
    // bind 并没有调用方法

    var obj = {a:'abc'}
    var fn1 = fn.bind(obj)
    fn1() // 'abc'

    var fn2 = function(){
      console.log('我是this.a：',this.a)
    }.bind(obj)
    fn2()
  </script>
</body>
</html>